<template>
    <div class="singer-home">
        <!-- 导航栏 -->
        <van-nav-bar
            title="歌手信息"
            left-text="返回"
            left-arrow
            @click-left="onClickLeft"
        />
        <!-- 标签页 -->
        <van-tabs v-model="active">
            <van-tab title="百科">
                <SingerIntro :singerid='id'/>
            </van-tab>
            <van-tab title="歌曲">
                <SingerSong :singerid='id'/>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import SingerIntro from "./components/SingerIntro.vue";
import SingerSong from "./components/SingerSong.vue";
export default {
    data(){
        return{
            active:0,
            id:this.$route.params.id
        };
    },
    methods:{
        onClickLeft(){
            window.history.length > 1 ? this.$router.go(-1) : this.$router.push("/");
        },
    },
    components:{
        SingerIntro,
        SingerSong
    },
};
</script>
<style scoped>

</style>